@charset "utf-8";

/* Reset CSS */
html, body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}

#body {
    background: none;
}

.page {
    width: 100%;
    height: 100%;
    margin: 0;
}

.container {
    padding: 20px;
}

#register {
    width: 700px;
    height: 520px;
    margin-top: 20px;
}

#panel {
    width: 600px;
    height: 500px;
    margin: 0;
}

.error {
    font-weight: 300;
    display: inline;
    color: #fff;
    padding-left: 350px;
}

@-webkit-keyframes animate-cloud {
    from {
        background-position: 600px 100%;
    }
    to {
        background-position: 0 100%;
    }
}

@-moz-keyframes animate-cloud {
    from {
        background-position: 600px 100%;
    }
    to {
        background-position: 0 100%;
    }
}

@-ms-keyframes animate-cloud {
    from {
        background-position: 600px 100%;
    }
    to {
        background-position: 0 100%;
    }
}

@-o-keyframes animate-cloud {
    from {
        background-position: 600px 100%;
    }
    to {
        background-position: 0 100%;
    }
}

#body {
    background: url(../images/cloud.jpg) 0 top repeat-x #049ec4;
    -webkit-animation: animate-cloud 20s linear infinite;
    -moz-animation: animate-cloud 20s linear infinite;
    -ms-animation: animate-cloud 20s linear infinite;
    -o-animation: animate-cloud 20s linear infinite;
    animation: animate-cloud 20s linear infinite;
    width: 100%;
    height: 100%;
}